<template>
  <ui-main title="级联选择器" back>
    <div class="item one">
      <h3>单选</h3>
      <div>
        <ui-cascader size="mini" :model-id.sync="id" :model-label.sync="label" :level="3" :first-limit="['52', '53']"
          checkStrictly></ui-cascader>
        <div class="ui divider"></div>
        <p>id：{{ id }}</p>
        <p>label：{{ label }}</p>
      </div>
      <h3>多选</h3>
      <div>
        <ui-cascader size="mini" :model-id.sync="ids" :model-label.sync="labels" :level="3" :first-limit="['52', '53']"
          checkStrictly :props="{ multiple: true }"></ui-cascader>
        <div class="ui divider"></div>
        <p>ids：{{ ids }}</p>
        <p>labels：{{ labels }}</p>
      </div>
    </div>
    <div class="item three">
      <ui-load-md file="cascader"></ui-load-md>
    </div>
  </ui-main>
</template>
<script>
export default {
  name: '',
  data () {
    return {
      id: '',
      label: '',
      ids: '',
      labels: ''
    }
  },
  mounted () {
    setTimeout(() => {
      // this.id = '520102'
    }, 1000)
  },
  watch: {},
  methods: {}
}
</script>
